<template>
	<view>
		<view style="width: 100vw;background-color: #fff;margin-top: 1vh;" v-for="(item,index) in List" :key="index">
			<!-- 顶部 -->
			<view style="width: 100vw;height: 10vh;display: flex;">
				<view style="width: 15vw;height: 10vh;">
					<image :src="item.headerImg" style="width: 8vw;height: 6vh;margin-top: 2vh; border-radius: 50%;margin-left: 2vw;" mode=""></image>
				</view>
				<!-- 内容 -->
				<view style="width: 65vw;height: 10vh;margin-top: 2vh;">
					<view style="font-size: 0.8rem;">力量</view>
					<view style="width: 65vw;font-size: 0.5rem;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis">
						146天前|0公里|江苏省连云港市很大的难堪防守打法的发的范德萨发
					</view>
				</view>
				<!-- 按钮 -->
				<view style="width: 15vw;height: 4vh;background-color: #18BC37;margin-left: 2vw;margin-top: 3vh;display: flex;">
					<view style="width: 5vw;height: 4vh;">
						<image src="../../static/images/L电话.png" style="width: 4vw;height: 2vh;margin-top: 1vh;" mode=""></image>
					</view>
					<view style="font-size: 0.5rem;color: #fff;height: 4vh;line-height: 4vh;">联系</view>
					
				</view>
			</view>
			<!--标题 -->
			<view style="width: 98vw;margin-left: 2vw;font-size: 0.6rem;height: 3vh;line-height: 3vh;">
				{{item.title}}
			</view>
			<!-- 图片 -->
			<view style="width: 100vw;display: flex;flex-wrap: wrap;">
				<view style="width: 30vw;margin-left: 2vw;" v-for="(item1,index) in item.bigImg" :key="index">
					<image :src="item1"  style="width: 30vw;height: 20vh;" mode=""></image>
				</view>
			<!-- 点赞数量 -->
				<view style="width: 98vw;height: 5vh;display: flex;justify-content: space-around;">
					<!-- 关注 -->
					<view style="height: 5vh;display: flex;">
						<view style="width: 5vw;height: 5vh;">
							<image src="../../static/images/L爱心.png" style="width: 3vw;height: 2vh;margin-top: 1.5vh;" mode=""></image>
						</view>
						<view style="font-size: 0.5rem;height: 5vh;line-height: 5vh;">5</view>
					</view>
					<!--  查看-->
					<view style="height: 5vh;display: flex;">
						<view style="width: 5vw;height: 5vh;">
							<image src="../../static/images/L查看.png" style="width: 3vw;height: 2vh;margin-top: 1.5vh;" mode=""></image>
						</view>
						<view style="font-size: 0.5rem;height: 5vh;line-height: 5vh;">5</view>
					</view>
					<!-- 消息 -->
					<view style="height: 5vh;display: flex;">
						<view style="width: 5vw;height: 5vh;">
							<image src="../../static/images/L消息.png" style="width: 3vw;height: 2vh;margin-top: 1.5vh;" mode=""></image>
						</view>
						<view style="font-size: 0.5rem;height: 5vh;line-height: 5vh;">5</view>
					</view>
				</view>
				<!-- 点赞数量 -->
				<view style="width: 80vw;margin-left: 10vw;background-color: #F1F1F1; height: 8vh;margin-top: 1vh;display: flex;">
					<view style="width: 5vw;height: 10vh;margin-left: 2vw;">
						<image src="../../static/images/L点赞.png" style="width: 5vw;height: 4vh;margin-top: 2vh;" mode=""></image>
					</view>
					<view style="font-size: 0.5rem;height: 8vh;line-height: 8vh;margin-left: 2vw;color: #999;">1</view>
					<view style="width: 8vw;height: 8vh;">
						<image src="../../static/images/list3.png" style="width: 6vw;height: 5vh;margin-left: 2vw;margin-top: 2vh;" mode=""></image>
					</view>
				</view>
				
			</view>
			
			
		</view>
		<button style="width: 100%;height: 40px;line-height: 40px;position: fixed;z-index: 99;color: #fff;background-color: orange;text-align: center;bottom: 0px;" @click="tofabu()">发布活动</button>
		
		
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				List:[
					{
						headerImg:'../../static/images/img1.png',
						name:'力量',
						title:'哈杰克丹尼撒杰克丹尼撒卡奴看',
						bigImg:[
							'../../static/images/img1.png',
							'../../static/images/img1.png',
							'../../static/images/img1.png',
							'../../static/images/img1.png'
						]
					},
					{
						headerImg:'../../static/images/img1.png',
						name:'哈哈哈',
						title:'哈杰克丹尼撒杰克丹尼撒卡奴看',
						bigImg:[
							'../../static/images/img1.png',
							'../../static/images/img1.png',
							'../../static/images/img1.png'
						]
					},
					{
						headerImg:'../../static/images/img1.png',
						name:'咳咳',
						title:'哈杰克丹尼撒杰克丹尼撒卡奴看',
						bigImg:[
							'../../static/images/img1.png',
							'../../static/images/img1.png'
						]
					},
				]
			}
		},
		methods:{
			tofabu(){
				uni.navigateTo({
					url:'../releaseActives/releaseActives'
				})
			}
		}
	}
</script>

<style>
</style>
